<template>
  <div class="manage">
    <div class="rightLayout">
      <!-- 鸟巢管理 -->
      <BirBoxManage />
    </div>
  </div>
</template>

<script>
import Emitter from '../../../utils/emit'
import LeftNav from '@/components/LeftNav' ;
import BirBoxManage from './BirBoxManage.vue';
export default {
  name:'manage',
  components: {
      LeftNav ,
      BirBoxManage
    },
    data() {
        return {
            baseNavNumber : 1 ,
            basePosition : 1
        }
    },
    created() {
      Emitter.on('changePage' , ( position , navNumber , obj )=> {
        this.basePosition = position ;
        this.baseNavNumber = navNumber ;
      } )
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
.manage {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  display: flex;
  .rightLayout {
    width: 100%;
    margin-right: 44px;
    margin-left: 20px;
    height: calc(100vh - 130px);
    overflow-y: auto ;
    background-size: 100% 100%
  }
}
</style>